<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">证书名称：</label>
                            <div class="col-sm-8">
                                <select id="profileId" name="profileId" class="form-control">
                                    <option value="">请选择</option>
                                    <option th:each="item : ${certificateProfile}"  th:value="${item.id}" th:text="${item.name}"></option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">证书等级：</label>
                            <div class="col-sm-8">
                                <select id="grade" name="grade" class="form-control" >
                                    <option value="">请选择</option>
                                    <option value="0">高级</option>
                                    <option value="1">中级</option>
                                    <option value="2">初级</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">介绍(最多输入1000字)：</label>
                            <div class="col-sm-8">
                                <textarea name="introduce" maxlength="1000" style="height:300px" class="form-control" placeholder="请输入介绍"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">相关专业：</label>
                            <div class="col-sm-8">
                                <textarea name="relatedMajors" class="form-control" placeholder="请输入相关专业"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">考试总费用(元)：</label>
                            <div class="col-sm-8">
                                <input id="examFee" name="examFee" class="form-control" placeholder="请输入考试总费用" type="number">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">证书模板图片：</label>
                            <div class="col-sm-8">
                                <!--<input id="certificateImg" name="certificateImg" class="form-control" type="text">-->
                                <img id="img" src="" style="width:300px;display:block;">
                                <input type="hidden" id="certificateImg" name="certificateImg">
                                <button type="button" class="btn btn-primary" id="btnUpload" style="margin-top: 10px;">
                                    <i class="fa fa-cloud"></i>上传证书模板图片
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-3">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/certificateNews/add.js">
</script>
</body>
</html>
